<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>优菜商城</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="author" content="@binggan"/>
    <link rel="stylesheet" href="css/ydui.css"/>
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_463779_pkv3jpw5yz1fko6r.css"/>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <script src="js/flexible.js"></script>
</head>

<body>
<section class="g-flexview">
    <header class="m-navbar index-navbar">
        <div class="navbar-item area">
            洪山区<i class="iconfont icon-icon"></i>
        </div>
        <a class="navbar-center navbar-search" href="search.html">
            <i class="iconfont icon-search3"></i>
            <input type="text" name="" id="index-search" class="search-input" placeholder="搜索关键字" disabled="disabled"/>
        </a>
    </header>
    <div class="g-scrollview">
        <!--banner部分-->
        <div class="swiper-container banners-box">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/banner1.png" alt="banner1"/></div>
                <div class="swiper-slide"><img src="images/banner2.png" alt="banner2"/></div>
                <div class="swiper-slide"><img src="images/banner3.png" alt="banner3"/></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!--首页菜单分类-->
        <nav class="quick-entry-menu m-grids-4">
            <a href="lists.html?itemtype=001" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon1.png" alt="米面粮油"/>
                    <span>米面粮油</span>
                </div>
            </a>
            <a href="lists.html?itemtype=002" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon2.png" alt="新鲜蔬菜"/>
                    <span>新鲜蔬菜</span>
                </div>
            </a>
            <a href="lists.html" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon3.png" alt="禽蛋肉类"/>
                    <span>禽蛋肉类</span>
                </div>
            </a>
            <a href="" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon4.png" alt="水果类"/>
                    <span>水果类</span>
                </div>
            </a><a href="" class="grids-item">
            <div class="quick-nav-box">
                <img src="images/icon5.png" alt="水产冻货"/>
                <span>水产冻货</span>
            </div>
        </a>
            <a href="" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon6.png" alt="调料其它"/>
                    <span>调料其它</span>
                </div>
            </a>
            <a href="" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon7.png" alt="酒水饮料"/>
                    <span>酒水饮料</span>
                </div>
            </a>
            <a href="" class="grids-item">
                <div class="quick-nav-box">
                    <img src="images/icon8.png" alt="厨具其它"/>
                    <span>厨具其它</span>
                </div>
            </a>
        </nav>

        <!--2018年5月22日新增版块-->
        <div class="limit-buy">
            <!--order-notice-->
            <div class="swiper-container order-notice">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <p class="order-notice-txt">用户123****890刚刚下单字数超了怎么办当然是隐藏了啊发斯蒂芬是否防辐射 如果感到感到到</p>
                        <span class="order-notice-time">3秒前</span>
                    </div>
                    <div class="swiper-slide">
                        <p class="order-notice-txt">用户456****890刚刚下单</p>
                        <span class="order-notice-time">5秒前</span>
                    </div>
                    <div class="swiper-slide">
                        <p class="order-notice-txt">用户789****890刚刚下单</p>
                        <span class="order-notice-time">55秒前</span>
                    </div>
                    <div class="swiper-slide">
                        <p class="order-notice-txt">xxxx刚刚下单s</p>
                        <span class="order-notice-time">1分钟前</span>
                    </div>
                    <div class="swiper-slide">
                        <p class="order-notice-txt">wugezixxxx刚刚下单</p>
                        <span class="order-notice-time">10分钟前</span>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <!--order-notice END-->
            <div class="limit-buy-group">
                <a href="limit-list.html" class="borders limit-left">
                    <ul class="limit-left-list">
                        <li>
                            <p class="titles colors-red">限时抢购</p>
                            <p class="tips">限量秒杀下单减</p>
                            <span class="hot-tips">下单立减6元</span>
                        </li>
                        <li class="imgs">
                            <img src="images/item_thumbnail.png" alt="高山精选">
                            <img src="images/item3.png" alt="高山精选">
                        </li>
                    </ul>
                </a>
                <a href="limit-list.html">
                    <ul class="borders limit-right">
                        <li>
                            <div class="limit-txt">
                                <p class="titles colors-orange">一周热销榜</p>
                                <p class="tips">神券在手，天下我有</p>
                                <span class="hot-tips">人气疯抢</span>
                            </div>
                            <div class="thumbnail">
                                <img src="images/item1.png" alt="高山精选">
                            </div>
                        </li>
                        <li>
                            <div class="limit-txt">
                                <p class="titles colors-blue">限时抢购</p>
                                <p class="tips">限量秒杀下单减</p>
                                <div class="timedown">
                                    <span class="hours">00</span>:
                                    <span class="minutes">00</span>:
                                    <span class="seconds">00</span>
                                </div>
                            </div>
                            <div class="thumbnail">
                                <img src="images/item1.png" alt="高山精选">
                            </div>
                        </li>
                    </ul>
                </a>
            </div>
        </div>
        <!--2018年5月22日新增版块END-->

        <!--首页广告位1-->
        <div class="index-ads adaptive-w">
            <img src="http://via.placeholder.com/750x300?text=PLACEHOLDERIMG" alt="广告图片描述"/>
        </div>

        <!--首页广告位2-->
        <div class="index-ads adaptive-w">
            <img src="http://via.placeholder.com/750x300?text=PLACEHOLDERIMG" alt="广告图片描述"/>
        </div>

        <!--精品推荐-->
        <section class="recommend">
            <h3 class="tit-style1"><span>精品推荐</span></h3>
            <ul class="recommend-item-list clearfix">
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item1.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item3.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item1.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item3.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
            </ul>
        </section>
        <!--精品推荐end-->

    </div>
    <!--底部导航-->
    <footer class="m-tabbar">
        <a href="#" class="tabbar-item tabbar-active">
					<span class="tabbar-icon ">
			            <img src="images/footer-icon1.png"/>
			       </span>
            <span class="tabbar-icon hide">
			            <img src="images/footer-icon1a.png"/>
			       </span>
            <span class="tabbar-txt">首页</span>
        </a>
        <a href="shopcart.html" class="tabbar-item">
					<span class="tabbar-icon">
			            <img src="images/footer-icon2.png"/>
			        </span>
            <span class="tabbar-icon hide">
			            <img src="images/footer-icon2a.png"/>
			        </span>
            <span class="tabbar-txt">购物车</span>
        </a>
        <a href="mine.html" class="tabbar-item">
					<span class="tabbar-icon">
			            <img src="images/footer-icon3.png"/>
			        </span>
            <span class="tabbar-icon hide">
			            <img src="images/footer-icon3a.png"/>
			        </span>
            <span class="tabbar-txt">我的</span>
        </a>
    </footer>
</section>
<script src="js/jquery.min.js"></script>
<script src="js/ydui.js"></script>
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
    var swiper_banner = new Swiper('.banners-box', {
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        }
    })
    new Swiper('.order-notice', {
        direction: 'vertical',
        loop: true,
        autoplay: true
    });

    //限时抢购
    bingUtil.getTimeClock(1527128640,changeGoods);

    function changeGoods(){
        var date=Date.parse(new Date())/1000+24*60*60;
        //console.log(date);
        bingUtil.getTimeClock(date,changeGoods);
        console.log('-----------此次计时结束-------')

    }

</script>

</body>

</html>